@charset "UTF-8";
/**
 * main.scss 项目总样式文件
 * @author Mac
 * @date 2017-07-01
 *
 */
/**
 * var.scss 变量
 * @author Mac
 * @date 2017-07-01
 *
 * --- function ----
 * #function QMUI 功能相关
 *
 * --- common ----
 * #common 通用

 * --- component ----
 * #button 按钮组件
 * #dialog 对话框组件
 * #mask 遮罩层组件
 * #dropdownMenu 下拉菜单组件
 * #tab 选项卡组件
 * #inputText、#textarea 文本输入组件
 *
 */
/**
 * _qmui.scss QMUI 总样式文件
 * @author Kayo 
 * @date 2014-10-31
 *
 */
/**
 * _helper.scss 助手方法 helper（主要包含 CSS reset）
 * @author Kayo 
 * @date 2014-10-31
 *
 */
/**
 * _mixin.scss
 * @author Kayo 
 * @date 2014-10-31
 *
 */
.qui_clear:after, .qui_tabNav:after {
  clear: both;
  content: ".";
  display: block;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

.qui_txtOverflow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  word-break: break-all;
  word-wrap: normal;
}

.qui_btn {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/**
 * _tool.scss 常用工具方法 
 * @author Kayo 
 * @date 2015-08-23
 * 
 */
/**
 * _reset.scss
 * @author Kayo
 * @date 2014-10-30
 *
 * #reset
 * #html5
 */
/* #reset */
body, dl, dd, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, legend {
  margin: 0;
}

ul, ol, fieldset {
  margin: 0;
  padding: 0;
}

th, td {
  padding: 0;
}

table {
  font-size: inherit;
}

fieldset, img {
  border: none;
}

ul, ol, li {
  list-style: none;
}

body {
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  color: #000;
}

h1, h2, h3, h4 {
  font-size: 18px;
  font-weight: normal;
}

body, input, textarea, select, button {
  font-family: "Helvetica Neue", Helvetica, Verdana, san-serif;
  outline: none;
  -webkit-text-size-adjust: none;
}

input, textarea, select, button {
  font-size: inherit;
  -webkit-tap-highlight-color: transparent;
}

a {
  color: #2685d2;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(105, 186, 255, 0.13);
}

:focus {
  outline: none;
}

/* #html5 HTML5 元素的支持 */
article, aside, details,
figcaption, figure,
footer, header, hgroup,
main, nav, section,
summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

/**
 * _function.scss
 * @author Kayo
 * @date 2014-11-17
 */
.qui_txtNormal {
  font-weight: normal !important;
}

.qui_txtBold {
  font-weight: bold !important;
}

.qui_txtLeft {
  text-align: left !important;
}

.qui_txtRight {
  text-align: right !important;
}

.qui_txtUnderline {
  text-decoration: underline !important;
}

.qui_txtUnderlineNone {
  text-decoration: none !important;
}

.qui_txtNowrap {
  white-space: nowrap !important;
}

.qui_layoutLeft {
  float: left !important;
}

.qui_layoutRight {
  float: right !important;
}

.qui_displayNone {
  display: none !important;
}

/**
 * _component.scss 业务公共组件
 * @author Kayo 
 * @date 2014-11-03
 *
 * #button 按钮
 * #dialog 对话框 
 * #mask 遮罩
 * #dropdownMenu 下拉菜单
 * #tab 选项卡
  *#textField 文本输入
 *
 * /

/* #button */
/**
 * _button.scss 按钮组件
 * @author Kayo 
 * @date 2014-11-04
 *
 * .qui_btn
 *
 */
/* .qui_btn */
.qui_btn {
  display: inline-block;
  margin: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-width: 46px;
  height: 30px;
  padding: 0 12px;
  background: #04C9E8;
  border: 1px solid transparent;
  line-height: 30px;
  outline: none;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  color: #fff;
  _overflow-y: hidden;
}

a.qui_btn {
  text-decoration: none;
}

a.qui_btn:hover {
  text-decoration: none;
}

/* 在低版本 ie 下，带有 border 的 submit 类型的 input 或 button 会有一条黑边，无法去除,
 * 所以如果按钮样式的 border 不为 none，项目又需要考虑兼容低版本 ie，则建议使用 a 标签代替 */
button.qui_btn,
input.qui_btn {
  *overflow: visible;
  /* IE6/7的button需要设置此属性以使padding生效 */
  *min-width: auto;
}

/* #dialog */
/**
 * _dialog.scss 对话框组件
 * @author Kayo 
 * @date 2014-11-03
 *
 * .qui_dialog
 * > .qui_dialog_head 对话框的头部
 *   > .qui_dialog_title 对话框的标题
 *   > [.qui_dialog_close] 可选。对话框的关闭按钮
 * > .qui_dialog_cnt 对话框的内容区域
 * > [.qui_dialog_foot] 可选。对话框的底部
 */
/* .qui_dialog */
.qui_dialog {
  position: absolute;
  z-index: 100;
  min-width: 420px;
  _width: 420px;
  background: #fff;
  border: none;
  border-radius: 5px;
}

.qui_dialog_head {
  background: #00C0E1;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

.qui_dialog_title {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.qui_dialog_close {
  position: absolute;
  top: 5px;
  right: 6px;
}

.qui_dialog_body {
  background: #fff;
}

.qui_dialog_body:last-child {
  border-radius: 0 0 5px 5px;
}

.qui_dialog_foot {
  background: #fff;
  border-top: none;
  border-radius: 0 0 5px 5px;
}

/* #mask */
/**
 * _mask.scss 遮罩层组件 
 * @author Kayo 
 * @date 2014-11-11
 *
 * .qui_maskWrap 遮罩层的包裹容器，包裹遮罩层以及需要弹出的内容（如对话框）
 * > .qui_mask
 */
/* 遮罩层的包裹容器，包裹遮罩层以及需要弹出的内容（如对话框）*/
.qui_maskWrap {
  position: relative;
  z-index: 90;
}

.qui_mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 90;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* #dropdownMenu */
/**
 * _dropdownMenu.scss 下拉菜单组件
 * @author clearwu 
 * @date 2014-11-11
 *
 * .qui_dropdownMenu
 *
 */
/* .qui_dropdownMenu */
.qui_dropdownMenu {
  position: absolute;
  z-index: 30;
  background: #fff;
  border: 1px solid #ccccce;
}

.qui_dropdownMenu ul {
  padding: 12px 0;
}

.qui_dropdownMenu_itemLink {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 15px;
  color: #000;
}

.qui_dropdownMenu_split {
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  margin: 5px 0;
  border-top: 1px solid #ccc;
}

/* #tab */
/**
 * _tab.scss 选项卡组件
 * @author clearwu 
 * @date 2014-11-12
 *
 * .qui_tab
 * > .qui_tab_title
 *   > .qui_tabNav
 *     > .qui_tabNav_item
 *       > .qui_tabNav_itemLink
 * > .qui_tab_cnt
 *
 */
/* .qui_tab */
.qui_tab {
  background: #fff;
}

.qui_tab_title {
  background: #fff;
}

.qui_tabNav {
  padding: 0 16px;
}

.qui_tabNav_item {
  float: left;
  margin: 0 24px 0 0;
}

.qui_tabNav_itemLink {
  display: block;
  height: 43px;
  line-height: 43px;
  padding: 0;
  background: transparent;
  color: #858C96;
}

/* #textField */
/**
 * _textField.scss 文本输入组件
 * @author clearwu 
 * @date 2014-11-13
 *
 * .qui_inputText
 * .qui_textarea
 *
 */
.qui_inputText, .qui_textarea {
  display: block;
  width: 270px;
  line-height: 22px;
  padding: 12px 16px;
  background: #fff;
  border: 1px solid #ccccce;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* .qui_inputText */
.qui_inputText {
  height: 22px;
}

.qui_inputText::-ms-clear {
  display: none;
}

/* .qui_textarea */
.qui_textarea {
  height: 66px;
}

/* placeholder 颜色重置 */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ADB4BE;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: #ADB4BE;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ADB4BE;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
  color: #ADB4BE;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ADB4BE;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
  color: #ADB4BE;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ADB4BE;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
  color: #ADB4BE;
}

/**
 * _widget.scss 业务公共组件 
 * @author Mac
 * @date 2017-07-01
 *
 */
/* 按钮 */
/**
 * _button.scss
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_btn
 *  + .tc_btn_Ghost
 *
 */
/* .tc_btn */
.tc_btn {
  background-color: #04C9E8;
  border-radius: 2px;
  /* line-height 的偏移值依赖于不同字体 */
  line-height: 32px;
  line-height: 31px \9\0;
  _line-height: 34px;
}

.tc_btn:hover {
  background-color: #05D7F7;
}

.tc_btn:active, .tc_btn_Active {
  background-color: #04B1CC;
}

.tc_btn[Disabled] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.tc_btn,
input.tc_btn {
  *height: 32px;
  *line-height: 27px;
  _line-height: 29px;
}

.tc_btn_Ghost {
  background-color: transparent;
  border: 1px solid #04C9E8;
  color: #04C9E8;
}

.tc_btn_Ghost:hover {
  background-color: transparent;
  border-color: #05D7F7;
  color: #05D7F7;
}

.tc_btn_Ghost:active, .tc_btn_Ghost_Active {
  background-color: transparent;
  border-color: #04B1CC;
  color: #04B1CC;
}

/* 对话框 */
/**
 * _dialog.scss
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_dialog
 */
/* .tc_dialog */
.tc_dialog {
  -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.15);
}

.tc_dialog_head {
  padding: 0 12px;
}

.tc_dialog_close {
  padding: 5px;
  line-height: 1;
  font-size: 18px;
  color: #fff;
}

.tc_dialog_close:hover {
  color: #d6d9de;
  text-decoration: none;
}

.tc_dialog_close:active {
  color: #eaecee;
}

.tc_dialog_body {
  padding: 23px 30px 30px 37px;
  font-size: 14px;
  color: #353C46;
}

.tc_dialog_foot {
  padding: 17px 12px;
  text-align: right;
  line-height: 25px;
}

.tc_dialog_foot .tc_btn {
  margin-left: 12px;
}

/* 遮罩层 */
/**
 * _mask.scss 
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_mask
 */
/* .tc_mask */
/* 下拉菜单 */
/**
 * _dropdownMenu.scss
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_dropdownMenu
 *
 */
/* .tc_dropdownMenu */
.tc_dropdownMenu {
  min-width: 206px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.tc_dropdownMenu_itemLink:hover {
  background-color: #f5f5f5;
  text-decoration: none;
}

.tc_dropdownMenu_itemLink:active {
  background-color: #ebebeb;
}

/* 选项卡 */
/**
 * _tab.scss
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_tab
 *
 */
/* .tc_tab */
.tc_tab {
  border: 1px solid #DEE0E2;
}

.tc_tabNav {
  border-bottom: 1px solid #DEE0E2;
}

.tc_tabNav_item {
  margin-bottom: -1px;
  border-bottom: 3px solid transparent;
  font-size: 16px;
}

.tc_tabNav_item_Curr {
  border-color: #04C9E8;
}

.tc_tabNav_item_Curr .tc_tabNav_itemLink {
  color: #04C9E8;
}

.tc_tabNav_itemLink:hover {
  color: #04C9E8;
  text-decoration: none;
}

.tc_tab_cnt {
  min-height: 100px;
  padding: 16px 24px;
}

/* 文本输入 */
/**
 * _textField.scss
 * @author Mac
 * @date 2017-07-01
 *
 * .tc_inputText
 * .tc_textarea
 *
 */
.tc_inputText,
.tc_textarea {
  font-size: 15px;
  color: #353C46;
}

/* .tc_inputText */
/* .tc_textarea */
/**
 * _logic.scss 业务逻辑代码 
 * @author Mac
 * @date 2017-07-01
 *
 */
